<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}"></comp-common>
			<comp-header v-bind="{data:data}"></comp-header>
			<view class="body after-navber">
				<view class="w-100" style="overflow-x: hidden;position:relative;">
					<comp-header v-bind="{data:data}"></comp-header>
					<save-qrcode v-bind="{data:data}" @qrcodeClick="qrcodeClick" @saveQrcode="saveQrcode" @qrcodeClose="qrcodeClose" @getGoodsQrcode="getGoodsQrcode" @shareModalClose="shareModalClose" @onShareWebMessage="onShareWebMessage"></save-qrcode>
					<view class="banner">
						<swiper autoplay="false" @change="hide" circular="true" class="goods-image-swiper" duration="300" indicatorDots="true"
						 interval="5000">
							<swiper-item v-for="(item,index) in data.goods.pic_list" :key="item.id">
								<image @click="play" :class="['play',data.img_hide]" :data-url="data.goods.video_url" :src="data.__wxapp_img.dapp.video_play.url"
								 v-if="data.goods.video_url"></image>
								<image @click="onGoodsImageClick" class="goods-image" :data-index="index" mode="aspectFill" :src="item.pic_url"></image>
							</swiper-item>
						</swiper>
						<block v-if="data.bargain_info"></block>
						<view class="block" style="margin-bottom:0;" v-else>
							<view class="time-load flex-row flex-y-center flex-x-center">
								<image class="time-bg" :src="data.__wxapp_img.bargain.bargain_goods.time_bg.url"></image>
								<view class="flex-row" v-if="data.foreshow_time>0">
									<view style="margin-right:20upx;">距活动开始</view>
									<block v-if="data.time_list.d>0">
										<view class="time-box flex-y-center">{{data.foreshow_time_list.d}}</view>
										<view style="margin: 0 10upx;">天</view>
									</block>
									<view class="time-box flex-y-center">{{data.foreshow_time_list.h}}</view>
									<view>：</view>
									<view class="time-box flex-y-center">{{data.foreshow_time_list.m}}</view>
									<view>：</view>
									<view class="time-box flex-y-center">{{data.foreshow_time_list.s}}</view>
								</view>
								<view class="flex-row" v-else>
									<view style="margin-right:20upx;">距活动结束</view>
									<block v-if="data.time_list.d>0">
										<view class="time-box flex-y-center">{{data.time_list.d}}</view>
										<view style="margin: 0 10upx;">天</view>
									</block>
									<view class="time-box flex-y-center">{{data.time_list.h}}</view>
									<view>：</view>
									<view class="time-box flex-y-center">{{data.time_list.m}}</view>
									<view>：</view>
									<view class="time-box flex-y-center">{{data.time_list.s}}</view>
								</view>
							</view>
						</view>
					</view>
					<view class="block">
						<view style="padding:10upx 0 16upx 0">
							<view class="text-more-2" style="font-size:13pt;height: 2.8em;line-height: 1.4;">{{data.goods.name}}</view>
						</view>
						<view class="flex-row">
							<view class="flex-col flex-grow-1">
								<view class="flex-row flex-y-bottom">
									<view>最低<text style="color:#ff5c5c">￥</text>
										<text style="margin-right:16upx;font-size:15pt;color:#ff5c5c">{{data.goods.min_price}}</text>
									</view>
									<view style="margin-right:16upx;padding-left:50upx">原价￥{{data.goods.price}}</view>
								</view>
								<view class="flex-row" style="padding:32upx 0 40upx 0">
									<view class="flex-grow-0">库存：{{data.goods.num}}</view>
									<view class="flex-grow-1" style="padding-left:50upx">已有{{data.goods.sale}}人参与砍价</view>
								</view>
							</view>
							<view class="flex-row flex-grow-0 flex-y-center">
								<view @click="showShareModal" class="share-btn" plain="true">
									<image :src="data.__wxapp_img.share.share.url" style="width: 40upx;height: 40upx"></image>
									<view style="color: #888">分享</view>
								</view>
							</view>
						</view>
					</view>
					<view class="block" style="padding:24upx 20upx;" v-if="data.bargain_info">
						<view class="flex-row">
							<image class="flex-grow-0 user-img" :src="data.__user_info.avatar_url"></image>
							<view class="flex-grow-1 flex-y-center">
								<view>
									<view class="flex-row">
										<view>距本次砍价结束仅剩 </view>
										<view class="font-o"> {{data.time_list.d}}天{{data.time_list.h}}：{{data.time_list.m}}：{{data.time_list.s}}</view>
									</view>
									<view class="font-o" v-if="data.goods.min_price==data.bargain_info.price">已砍至最低价，赶快优惠购买吧！</view>
									<view class="font-o" v-else>快让你的好友助你一臂之力！</view>
								</view>
							</view>
						</view>
						<view style="margin-top:20upx;">
							<view class="flex-x-center" style="color:#ff5c5c;font-size:15pt;">当前价￥{{data.bargain_info.price}}</view>
							<view>
								<view class="progress-box">
									<view class="progress-view" :style="'width:'+data.bargain_info.money_per+'%'"></view>
								</view>
							</view>
							<view class="flex-row" style="color:#666;">
								<view class="flex-grow-1">原价￥{{data.goods.price}}</view>
								<view class="flex-grow-0">底价￥{{data.goods.min_price}}</view>
							</view>
						</view>
						<view class="info">
							<scroll-view class="user-scroll" :scrollIntoView="'user-'+data.user_index" scrollWithAnimation="true" scrollY="true">
								<view class="one flex-row" :id="'user-'+index" v-for="(bitem,index) in data.bargain_info.bargain_info" :key="index">
									<image class="flex-grow-0" :src="bitem.avatar"></image>
									<view class="flex-grow-1 flex-row flex-y-center">
										<view class="flex-grow-0" style="max-width:200upx;margin-right:6upx;">
											<view class="text-more">{{bitem.nickname}}{{bitem.id}} </view>
										</view>
										<view>小刀一挥帮忙砍了</view>
										<view style="color:#ff5c5c">{{bitem.price}}</view>
										<view>元</view>
									</view>
								</view>
							</scroll-view>
						</view>
					</view>
					<view class="flex-row flex-y-center flow">
						<view class="flex-grow-0">
							<image :src="data.__wxapp_img.bargain.bargain_goods.flow.url"></image>
						</view>
						<view class="flex-grow-1">砍价流程</view>
					</view>
					<view class="block">
						<view class="flex-row flex-x-center" style="padding-top:24upx;padding-bottom:40upx;color:#999;">
							<block v-for="(fitem,index) in data.flow" :key="index">
								<view class="flex-grow-1" v-if="fitem.name">
									<view>
										<view class="flex-x-center">
											<image :src="fitem.url" style="width:72upx;height:72upx;"></image>
										</view>
										<view class="flex-x-center" style="margin-top:20upx;font-size:9pt">{{fitem.name}}{{fitem.id}}</view>
									</view>
								</view>
								<view class="flex-grow-1" v-else>
									<view>
										<view class="flex-x-center">
											<image :src="fitem.url" style="width:52upx;height:34upx;margin-top:19upx;"></image>
										</view>
									</view>
								</view>
							</block>
						</view>
					</view>
					<view class="flex-row flex-y-center flow">
						<view class="flex-grow-0">
							<image :src="data.__wxapp_img.bargain.bargain_goods.shuoming.url"></image>
						</view>
						<view class="flex-grow-1">活动说明</view>
					</view>
					<view class="block">
						<view class="shuoming">
							<view>本次活动开始时间{{data.goods.begin_time}}</view>
							<view style="margin-top:10upx;">本次活动结束时间{{data.goods.end_time}}</view>
						</view>
					</view>
					<view class="flex-row flex-y-center flow">
						<view class="flex-grow-0">
							<image :src="data.__wxapp_img.bargain.bargain_goods.goods.url"></image>
						</view>
						<view class="flex-grow-1">商品详情</view>
					</view>
					<view class="goods-detail">
						<scroll-view scroll-x>
							<wx-parse :myNodes="data.detail.nodes" ></wx-parse>
						</scroll-view>
					</view>
					<view class="bottom flex-row flex-x-center flex-y-center">
						<block v-if="data.bargain_info">
							<view @click="buyNow" class="bottom-first flex-x-center flex-y-center" style="width:346upx;">立即购买</view>
							<navigator class="bottom-second flex-x-center flex-y-center" hoverClass="none" openType="redirect" :url="'/bargain/activity/activity?order_id='+data.bargain_info.order_id">找人帮砍</navigator>
						</block>
						<view @click="orderSubmit" class="bottom-first flex-x-center flex-y-center" v-else>立即砍价</view>
					</view>
				</view>
				<view @click="close" class="modal,flex-row" :class="data.hide">
					<view class="flex-y-center" style="width:100%;height:100%;position:relative;">
						<image :src="data.__wxapp_img.dapp.close2.url" style="width:50upx;height:50upx;position:absolute;left:24upx;top:24upx"></image>
						<video autoplay="false" direction="" id="video" :src="data.url" style="height:80%"></video>
					</view>
				</view>
			</view>
			<comp-footer v-bind="{data:data}"></comp-footer>
		</view>

	</view>
</template>
<script>var myVue = {};
//#ifndef H5
var Vue = require('vue')
//#endif
//#ifdef H5
var Vue = require('vue').default
//#endif
	import saveQrcode from '../../components/save_qrcode/save_qrcode.vue'
	import wxParse from '../../components/mpvue-wxparse/src/wxParse.vue'
	var e = Vue.prototype.getApp, t = Vue.prototype.getApp.api, o = Vue.prototype.getApp.helper,
	s = require("../../wxParse/wxParse.js");
	var a = "",
		i = null,
		n = null,
		r = null,
		d = !1;
	export default {
		components: {
			saveQrcode,
			wxParse
		},
		data() {
			return {
				data: {
					__user_info: {},
					hide: "hide",
					time_list: {
						day: 0,
						hour: "00",
						minute: "00",
						second: "00"
					},
					p: 1,
					user_index: 0,
					show_content: !1,
					goods: {
						name: "",
						pic_list: {}
					},
					foreshow_time_list: {},
					bargain_info: {
						bargain_info: {}
					},
					detail: {}
				}
			}
		},
		onLoad: function(t) {myVue = this;
			var that = this;
			var e = myVue.getApp;
			if (e.page.onLoad(this, t), "undefined" == typeof my) {
				var a = decodeURIComponent(t.scene);
				if (void 0 !== a) {
					var i = that.getApp.helper.scene_decode(a);
					i.gid && (t.goods_id = i.gid);
				}
			} else if (null !== e.query) {
				var s = e.query;
				e.query = null, t.goods_id = s.gid;
			}
			this.getGoods(t.goods_id);
		},
		methods: {
			getGoods: function(e) {
				var t = this;
				t.getApp.core.showLoading({
						title: "加载中"
					}),
					t.getApp.request({
						url: t.getApp.api.bargain.goods,
						data: {
							goods_id: e,
							page: 1
						},
						success: function(e) {
							if (0 == e.code) {

								var o = e.data.goods.detail;
								s.wxParse("detail", "html", o, t), 
								t.setData(e.data),
									t.setData(e.data.goods.name),
									t.setData({
										reset_time: t.data.goods.reset_time,
										time_list: t.setTimeList(e.data.goods.reset_time),
										p: 1,
										foreshow_time: t.data.goods.foreshow_time,
										foreshow_time_list: t.setTimeList(t.data.goods.foreshow_time)
									}),
									t.setTimeOver(),
									e.data.bargain_info && t.getUserTime();

							} else t.getApp.core.showModal({
								title: "提示",
								content: e.msg,
								showCancel: !1,
								success: function(e) {
									e.confirm && t.getApp.core.navigateBack({
										delta: -1
									});
								}
							});
						},
						complete: function(e) {
							t.getApp.core.hideLoading();
						}
					});
			},
			play: function(e) {
				var that = this;
				var t = e.target.dataset.url;
				that.setData({
						url: t,
						hide: "",
						show: !0
					}),
					(a = that.getApp.core.createVideoContext("video")).play();
			},
			close: function(e) {
				if ("video" == e.target.id) return !0;
				this.setData({
					hide: "hide",
					show: !1
				}), a.pause();
			},
			onGoodsImageClick: function(e) {
				var t = this,
					o = [],
					a = e.currentTarget.dataset.index;
				for (var i in t.data.goods.pic_list) o.push(t.data.goods.pic_list[i].pic_url);
				t.getApp.core.previewImage({
					urls: o,
					current: o[a]
				});
			},
			hide: function(e) {
				0 == e.detail.current ? this.setData({
					img_hide: ""
				}) : this.setData({
					img_hide: "hide"
				});
			},
			setTimeOver: function() {
				var e = this;
				i = setInterval(function() {
					e.data.resset_time <= 0 && clearInterval(i);
					var t = e.data.reset_time - 1,
						o = e.setTimeList(t),
						a = e.data.foreshow_time - 1,
						s = e.setTimeList(a);
					e.setData({
						reset_time: t,
						time_list: o,
						foreshow_time: a,
						foreshow_time_list: s
					});
				}, 1e3);
			},
			orderSubmit: function() {
				var e = this;
				e.getApp.core.showLoading({
					title: "加载中"
				}), e.getApp.request({
					url: e.getApp.api.bargain.bargain_submit,
					method: "POST",
					data: {
						goods_id: e.data.goods.id
					},
					success: function(t) {
						0 == t.code ? e.getApp.core.redirectTo({
							url: "/bargain/activity/activity?order_id=" + t.data.order_id
						}) : e.showToast({
							title: t.msg
						});
					},
					complete: function(e) {
						myVue.getApp.core.hideLoading();
					}
				});
			},
			buyNow: function() {

				var e = [],
					t = [],
					o = this.data.bargain_info;
				o && (t.push({
					bargain_order_id: o.order_id
				}), e.push({
					store_id: 0,
					goods_list: t
				}), myVue.getApp.core.redirectTo({
					url: "/pages/new-order-submit/new-order-submit?store_list=" + JSON.stringify(e)
				}));
			},
			getUserTime: function() {
				var e = this;
				n = setInterval(function() {
					e.loadData();
				}, 1e3), r = setInterval(function() {
					var t = e.data.user_index;
					e.data.bargain_info.bargain_info.length - t > 3 ? t += 3 : t = 0, e.setData({
						user_index: t
					});
				}, 3e3);
			},
			loadData: function() {
				var o = this;
				var a = o.data.p;
				d || (d = !0, o.getApp.request({
					url: o.getApp.api.bargain.goods_user,
					data: {
						page: a + 1,
						goods_id: o.data.goods.id
						// goods_id: 2
					},
					success: function(e) {
						if (0 == e.code) {
							var t = o.data.bargain_info.bargain_info,
								i = e.data.bargain_info;
							0 == i.bargain_info.length && (clearInterval(n), n = null),
								i.bargain_info = t.concat(i.bargain_info),
								o.setData({
									bargain_info: i,
									p: a + 1
								});
						} else o.showToast({
							title: e.msg
						});
					},
					complete: function() {
						d = !1;
					}
				}));
			},
			contentClose: function() {
				this.setData({
					show_content: !1
				});
			},
			contentOpen: function() {
				this.setData({
					show_content: !0
				});
			},
			showShareModal: function() {
				this.setData({
					share_modal_active: "active"
				});
			},
			shareModalClose: function() {
				this.setData({
					share_modal_active: ""
				});
			},
			getGoodsQrcode: function() {
				var e = this;
				if (e.setData({
						qrcode_active: "active",
						share_modal_active: ""
					}), e.data.goods_qrcode) return !0;
				e.getApp.request({
					url: e.getApp.api.bargain.qrcode,
					data: {
						goods_id: e.data.goods.id
					},
					success: function(t) {
						0 == t.code && e.setData({
							goods_qrcode: t.data.pic_url
						}), 1 == t.code && (e.goodsQrcodeClose(), e.getApp.core.showModal({
							title: "提示",
							content: t.msg,
							showCancel: !1,
							success: function(e) {
								e.confirm;
							}
						}));
					}
				});
			},
			qrcodeClick: function(e) {
				var t = e.currentTarget.dataset.src;
				myVue.getApp.core.previewImage({
					urls: [t]
				});
			},
			qrcodeClose: function() {
				this.setData({
					qrcode_active: ""
				});
			},
			goodsQrcodeClose: function() {
				this.setData({
					goods_qrcode_active: "",
					no_scroll: !1
				});
			},
			saveQrcode: function() {
				var that = this;
				that.getApp.core.saveImageToPhotosAlbum ? (that.getApp.core.showLoading({
					title: "正在保存图片",
					mask: !1
				}), that.getApp.core.downloadFile({
					url: that.getApp.data.goods_qrcode,
					success: function(e) {
						that.getApp.core.showLoading({
							title: "正在保存图片",
							mask: !1
						}), that.getApp.core.saveImageToPhotosAlbum({
							filePath: that.getApp.tempFilePath,
							success: function() {
								that.getApp.core.showModal({
									title: "提示",
									content: "商品海报保存成功",
									showCancel: !1
								});
							},
							fail: function(e) {
								that.getApp.core.showModal({
									title: "图片保存失败",
									content: e.errMsg,
									showCancel: !1
								});
							},
							complete: function(e) {
								that.getApp.core.hideLoading();
							}
						});
					},
					fail: function(t) {
						that.getApp.core.showModal({
							title: "图片下载失败",
							content: t.errMsg + ";" + e.data.goods_qrcode,
							showCancel: !1
						});
					},
					complete: function(e) {
						that.getApp.core.hideLoading();
					}
				})) : that.getApp.core.showModal({
					title: "提示",
					content: "当前版本过低，无法使用该功能，请升级到最新版本后重试。",
					showCancel: !1
				});
			},
		onShareWebMessage: function() {
			var e = this;
			// e.getApp.page.onShareAppMessage(e);
				this.$webShare({
					path: "/bargain/list/list?goods_id=" + e.data.goods.id + "&user_id=" + e.data.__user_info.id,
					title: e.data.goods.name,
					imageUrl: e.data.goods.pic_list[0].pic_url
				}).then(function() {
					
				})
		}
		},
		onReady: function() {
			myVue.getApp.page.onReady(this);
		},
		onShow: function() {
			myVue.getApp.page.onShow(this);
		},
		onHide: function() {
			myVue.getApp.page.onHide(this);
		},
		onUnload: function() {
			myVue.getApp.page.onUnload(this),
				clearInterval(i), i = null, clearInterval(n), n = null, clearInterval(r),
				r = null;
		},
		onShareAppMessage: function() {
			var e = this;
			e.getApp.page.onShareAppMessage(e);

			return {
				path: "/bargain/list/list?goods_id=" + e.data.goods.id + "&user_id=" + e.data.__user_info.id,
				success: function(e) {},
				title: e.data.goods.name,
				imageUrl: e.data.goods.pic_list[0].pic_url
			}
		}

	}
</script>


<style scoped>

	.page /deep/ .goods-block {
		width: 100%;
		height: 72upx;
		background-color: #fff1f1;
		padding: 0 24upx;
	}

	.page /deep/ .goods-info {
		color: #3f3f3f;
		height: 100%;
	}

	.page /deep/ .goods-info .goods-img {
		width: 18upx;
		height: 18upx;
		transform: rotate(-90deg);
	}

	.page /deep/ .content-modal {
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		z-index: 111;
	}

	.page /deep/ .content-body {
		width: 600upx;
		background-color: #fff;
		border-radius: 8upx;
		padding: 28upx 32upx 88upx 32upx;
		position: relative;
	}

	.page /deep/ .content-img {
		position: absolute;
		right: 32upx;
		top: 28upx;
	}

	.page /deep/ .goods-qrcode-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0, 0, 0, .5);
		padding: 40upx;
		transform: translateY(100%);
		opacity: .5;
		transition: opacity 250ms;
		visibility: hidden;
	}

	.page /deep/ .goods-qrcode-modal.active {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.page /deep/ .goods-qrcode-body {
		background: #fff;
		height: 100%;
		border-radius: 10upx;
		z-index: 99999;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-box {
		height: 100%;
		position: relative;
		box-shadow: 0 0 15upx rgba(0, 0, 0, .15);
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-loading {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode.active {
		display: block;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-close {
		position: absolute;
		top: 40upx;
		right: 40upx;
		padding: 15upx;
	}

	.page /deep/ .share-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .0);
		z-index: 1000;
		transform: translateY(100%);
		transition: background 250ms;
	}

	.page /deep/ .share-modal .share-modal-body {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		padding-top: 60upx;
		transform: translateY(100%);
		transition: transform 250ms;
	}

	.page /deep/ .share-modal.active {
		transform: translateY(0);
		background: rgba(0, 0, 0, .5);
	}

	.page /deep/ .share-modal.active .share-modal-body {
		transform: translateY(0);
	}

	.page /deep/ .share-modal .share-bottom {
		text-align: center;
		font-size: 9pt;
		margin: 0;
		padding: 0;
		margin-bottom: 60upx;
		line-height: inherit;
		border: none;
		background: none;
		color: inherit;
		font-family: inherit;
		display: inline-block;
	}

	.page /deep/ .share-modal .share-bottom:after {
		display: none;
	}

	.page /deep/ .share-modal .share-bottom cover-image,
	.page /deep/ .share-modal .share-bottom image {
		width: 120upx;
		height: 120upx;
		margin-bottom: 12upx;
		border-radius: 999upx;
		border: 1upx solid #eee;
	}

	.page /deep/ .share-modal .share-bottom:active cover-image,
	.page /deep/ .share-modal .share-bottom:active image {
		opacity: .7;
	}

	.page /deep/ .share-modal .share-modal-close {
		background: #fff;
		height: 100upx;
		border-top: 1upx solid #eee;
	}

	.page /deep/ .banner {
		width: 100%;
		background-color: #fff;
	}

	.page /deep/ .goods-image-swiper {
		width: 100%;
		height: 750upx;
	}

	.page /deep/ .goods-image {
		width: 100%;
		height: 750upx;
	}

	.page /deep/ .hide {
		display: none;
	}

	.page /deep/ .modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 1);
		z-index: 9999;
	}

	.page /deep/ .modal video {
		width: 100%;
		height: 430upx;
	}

	.page /deep/ .play {
		width: 150upx;
		height: 150upx;
		position: absolute;
		top: 275upx;
		left: 300upx;
	}

	.page /deep/ .time-load {
		margin-top: -40upx;
		height: 80upx;
		width: 100%;
		position: relative;
		z-index: 10;
	}

	.page /deep/ .time-load .time-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 80upx;
		z-index: -1;
	}

	.page /deep/ .time-box {
		height: 42upx;
		color: #fff;
		background-color: #666;
		border-radius: 4upx;
		padding: 0 10upx;
	}

	.page /deep/ .block {
		padding: 0 20upx;
		background-color: #fff;
		margin-bottom: 16upx;
		width: 100%;
	}

	.page /deep/ .user-img {
		width: 96upx;
		height: 96upx;
		margin-right: 34upx;
		border-radius: 96upx;
	}

	.page /deep/ .font-o {
		color: #ff8c40;
		margin-left: 10upx;
	}

	.page /deep/ .progress-box {
		width: 100%;
		height: 40upx;
		border-radius: 20upx;
		border: 2upx solid #ff5c5c;
		overflow: hidden;
		margin-top: 28upx;
		margin-bottom: 16upx;
	}

	.page /deep/ .progress-view {
		width: 50%;
		height: 100%;
		border-radius: 20upx;
		background-color: #ff9f9f;
	}

	.page /deep/ .info {
		width: 100%;
		border-radius: 16upx;
		background-color: #fff7f7;
		margin-top: 44upx;
		padding: 32upx 24upx;
	}

	.page /deep/ .info .one {
		margin-bottom: 32upx;
	}

	.page /deep/ .info .one:last-child {
		margin-bottom: 0;
	}

	.page /deep/ .info image {
		width: 64upx;
		height: 64upx;
		margin-right: 24upx;
	}

	.page /deep/ .flow {
		height: 88upx;
		color: #ff5c5c;
		font-size: 13pt;
		border-bottom: 1upx solid #e2e2e2;
		background-color: #fff;
		padding: 0 20upx;
	}

	.page /deep/ .flow .flex-grow-0 {
		height: 34upx;
	}

	.page /deep/ .flow image {
		width: 34upx;
		height: 34upx;
		margin-right: 16upx;
	}

	.page /deep/ .shuoming {
		padding: 26upx 0 40upx 0;
	}

	.page /deep/ .shuoming view::before {
		content: '●';
		margin-right: 10upx;
	}

	.page /deep/ .goods-detail {
		padding-bottom: 120upx;
		background-color: #fff;
	}

	.page /deep/ .goods-detail text,
	.page /deep/ .goods-detail image,
	.page /deep/ .goods-detail view {
		box-sizing: border-box;
		max-width: 100%;
	}

	.page /deep/ .bottom {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 120upx;
		background-color: #fff;
		color: #fff;
		padding: 0 20upx;
		border-top: 1upx solid #e2e2e2;
	}

	.page /deep/ .bottom-first {
		width: 100%;
		height: 80upx;
		background-color: #ff9292;
		border-radius: 40upx;
		background: -prefix-linear-gradient(top, #ff9292, #fc6969);
		background: linear-gradient(to bottom, #ff9292, #fc6969);
	}

	.page /deep/ .bottom-second {
		width: 346upx;
		height: 80upx;
		background-color: #ff9292;
		border-radius: 40upx;
		background: -prefix-linear-gradient(top, #ffc46b, #ffa13c);
		background: linear-gradient(to bottom, #ffc46b, #ffa13c);
		margin-left: 18upx;
	}

	.page /deep/ .user-scroll {
		max-height: 264upx;
	}

	.page /deep/ .share-btn {
		line-height: normal;
		padding: 0 10upx;
		border: none;
		background: none;
		border-radius: 0;
		box-shadow: none;
		display: inline-block;
		font-size: 8pt;
	}
</style>
